@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #666;  overflow-x: hidden; padding-top: 88px; font-family:'Noto Sans SC',sans-serif;font-weight: 300;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ list-style: none; padding: 0; margin: 0; }
input,textarea{ outline:none; font-family:'Noto Sans SC',sans-serif; }
::-webkit-input-placeholder {color: #bdbdbd;}
::-moz-placeholder {color: #bdbdbd;}
:-ms-input-placeholder {color: #bdbdbd;}

a { text-decoration: none; color:#333;}
a:hover{ color: #324e9e;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}

/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1300px; margin: 0 auto;}

.header{width: 100%; height: 88px; background: #fff; position: fixed; top: 0; left: 0; z-index: 99999999; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.header .wrap{ position: relative;}
.header .logo{ float: left; margin-top: 12px;}
.header .headright{ float: right;}
.header .nav{ float: left; margin-right: 20px;}
.header .nav ul li{ float: left; margin-right: 2px;}
.header .nav ul li a{ font-size: 16px; color: #4b4b4b; line-height: 88px; padding: 0 13px; display: block;transition: all .4s;-webkit-transition: all .4s; position: relative;font-family:'Microsoft YaHei',sans-serif;}
.header .nav ul li.focus a,.header .nav ul li a:hover{ color: #ff9933;}
.header .nav ul li a:after{ content: ""; width:0; height: 5px; background: #ff9933; position: absolute; left:0; bottom: 20px; opacity: 0;transition: all .4s;-webkit-transition: all .4s; }
.header .nav ul li a:hover:after{ content: ""; width: 100%; height: 5px; background: #ff9933; position: absolute; left:0; bottom: 20px; opacity: 1;}
.header .nav ul li:hover a:after{ content: ""; width: 100%; height: 5px; background: #ff9933; position: absolute; left:0; bottom: 20px; opacity: 1;}
.header .nav ul li:hover a{color: #ff9933;}
.header .nav ul li:hover .subnav{display: block; }
.header .nav ul li .subnav{ width: 1300px; padding: 10px 0;  position: absolute;left: 0; top: 88px;  display: none; }
.header .nav ul li .subnav ol{ background: #fff; overflow: hidden; padding: 70px 0; box-shadow:0 0 5px rgba(0,0,0,0.3); }
.header .nav ul li .subnav dl{ position: relative; width: 33.33%; float: left; padding: 0 70px;}
.header .nav ul li .subnav dl a{font-size: 17px; color: #333; background: url(../images/icon01.png) no-repeat left center; padding-left: 20px; line-height:46px; display: block; border-top: #e2e2e2 solid 1px;border-bottom: #e2e2e2 solid 1px;margin-top: -1px;}
.header .nav ul li .subnav dl a:hover{ color: #2ec02f; background: url(../images/icon02.png) no-repeat left center;}
.header .nav ul li .subnav dl a:after{ display: none;}

.header .nav ul li .subnav ol dt{ text-align: center;}
.header .nav ul li .subnav ol dt a{ font-size: 36px; line-height: 1; }
.header .nav ul li .subnav ol dt a:after{display: none;}


.header .lang{ float: left; margin-top: 30px;}
.header .lang a{ float: left; margin-left: 10px;}

.header .menu-toggle{display: none;}
.header .language{ display:none; }

/*首页bannner*/
.banner { width: 100%;height:520px; }
.banner .swiper-container{ height:520px; overflow:hidden; width: 100%;}
.banner .swiper-container .swiper-slide{height:520px; width:100%; background: #000; display: table; text-align: center;}
.banner .swiper-container .swiper-slide h2{ color: #fff; font-size: 65px; line-height: 1; display: table-cell; vertical-align: middle;}
.banner .pagination {position: absolute;z-index: 20;bottom:30px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:14px; height: 14px; border-radius: 20px;background:#fff; margin: 0 5px; cursor: pointer;}
.banner .swiper-active-switch { background: #ff9933;}
.ani{ opacity: 0; }
.ani-slide{
	opacity:1;
	-webkit-animation: fadeInUp 1.5s both;
    animation: fadeInUp 1.5s both;
}

.ititle{ text-align: center; padding: 45px 0;}
.ititle h2{ font-size: 35px; color: #ff9933; font-weight: 500; line-height: 1;}

.index01{ background: #ededed; margin-bottom: 20px; overflow: hidden;}
.index01 dl{float: left; overflow: hidden;}
.index01 .con{ text-align: center; margin-top: 120px;}
.index01 .con h3{  font-size: 30px; font-weight: 500;color: #000; line-height: 1; margin-bottom: 40px;}
.index01 .con ul{}
.index01 .con ul li{ width: 150px; height: 150px; background: #fff; display: inline-block; margin: 0 20px; border-radius: 10px; overflow: hidden; box-shadow:3px 3px 0 #c8c8c8;transition: all .4s;-webkit-transition: all .4s;}
.index01 .con ul li:hover{ background: #fdeede;}
.index01 .con ul li i{ display: block; height: 85px; margin-top: 22px;}
.index01 .con ul li img{ float: none;}
.index01 .con ul li p{ font-size: 20px;color: #ff9933;}

.index02{ background: #ff9933; margin-bottom: 30px; overflow: hidden; position: relative;}
.index02 dl{color: #fff; font-size: 30px; font-weight: 500; line-height: 1; position: absolute; left: 85px; top: 50%; transform: translate(0%, -50%);}
.index02 ol{float: right; position: relative; overflow: hidden;}
.index02 ol:after{ content: ""; width: 137px; height: 370px; background: url(../images/icon05.png) no-repeat left top; position: absolute; left: 0; top: 0;}

.index03{ background: #e6e6e6; margin-bottom: 30px; padding: 20px;}
.index03 ul{ overflow: hidden; margin: 0 -10px;}
.index03 ul li{ float: left; width: 50%; padding: 0 9px; overflow: hidden;}
.index03 .tit{ width: 427px; height: 89px; line-height: 89px; color: #fff; font-size: 30px; font-weight: 500; text-align: center; background: url(../images/icon06.png) no-repeat center; margin: -68px auto 0; position: relative; z-index: 11;}
.index03 .con{ font-size: 18px; text-align: center; padding: 20px 110px;}

.index04{ background: #2bc02b; margin-bottom: 30px; overflow: hidden;}
.index04 ol{ position: relative; float: left; overflow: hidden;}
.index04 ol:after{ content: ""; width: 158px; height: 383px; background: url(../images/icon07.png) no-repeat right top; position: absolute; right: 0; top: 0;}
.index04 .con{ text-align: center; margin-top: 120px;}
.index04 .con h3{  font-size: 30px; font-weight: 500;color: #fff; line-height: 1; margin-bottom: 40px;}
.index04 .con ul li{display: inline-block; border: #fff solid 1px; color: #fff; font-size: 18px; border-radius: 50px; padding: 8px 20px; margin: 0 5px;transition: all .4s;-webkit-transition: all .4s;}
.index04 .con ul li:hover{ background: #88e188;}

.index05{ margin-bottom: 50px; position: relative;}
.index05 dl{ background: url(../images/icon08.png) no-repeat center; width: 376px; height: 74px; position: absolute; left: 50%; top: 50%; z-index: 11;transform: translate(-50%, -50%); font-size: 30px; color: #fff; font-weight: 500; line-height: 74px; text-align: center;}
.index05 ol{ overflow: hidden; }

.xt{ background: #e6e6e6; padding: 48px 0;}
.xt ul{ overflow: hidden;font-size: 0; margin-right:-12px }
.xt ul li{ width: 202px; overflow: hidden; margin-right: 10px; display: inline-block;font-size: 0; background: #000; position: relative; cursor: pointer;}
.xt ul li:nth-child(1){width: 875px;}
.xt ul li img{ width: auto; max-width:none ; height: 390px;display: inline-block;font-size: 0; opacity: 0.4;transition: opacity .4s;-webkit-transition: opacity .4s;}
.xt ul li.cur img{ opacity:1;}
.xt ul li dl{ border: #fff solid 3px; font-size: 30px; color: #fff; font-weight: normal;white-space:nowrap; opacity: 0; padding: 30px 60px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 11; transition: opacity .3s;-webkit-transition: opacity .3s;}
.xt ul li dl a{ color: #fff; transition: all .4s;-webkit-transition: all .4s;}
.xt ul li dl:hover{ background: #fff;}
.xt ul li dl:hover a{ color: #666; }
.xt ul li.cur dl{ opacity: 1;}
.xt ul li ol{width: 30px; font-size: 25px; color: #fff; text-align: center; line-height: 1; opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 11;}
.xt ul li.cur ol{opacity: 0;}

.nei_banner{ height: 200px; background: #ff9933 url(../images/neiBG.png) repeat-x top; padding-top: 1px;}
.nei_banner .wrap{ position: relative;}
.nei_banner h2{ font-size: 55px; color: #fff; line-height: 1; margin-top: 110px; float: left;}
.nei_banner .breadcrumb{ font-size: 18px; color: #fff; line-height: 1; float: right; margin-top: 145px;}
.nei_banner .breadcrumb a{ color: #fff;}
.nei_banner .breadcrumb a:hover{ text-decoration: underline;}
.nei_banner .casebanner{ font-size: 30px; color: #fff; font-weight: 400; line-height: 1.8; position: absolute; right: 0; top: 65px;}
.nei_banner .casebanner b{ font-size: 55px; font-weight: normal; line-height: 1; vertical-align: middle; font-family: Impact, Haettenschweiler, "sans-serif"; padding-left: 8px;}

.content{ padding: 60px 0;}

.text{ color: #333; line-height: 2;}
.text p{ text-indent: 0;}
.text li{ list-style: inside;}

.neiNav{ text-align: center; margin-bottom: 40px;}
.neiNav a{ font-size: 20px; color: #000; background: #e9e9e9; line-height: 1; font-weight: 400; padding: 10px 50px;}
.neiNav a.on{ background: #ff9933; color: #fff;}

.qjmn{}
.qjmn ul{ margin: 0 -9px; overflow: hidden;}
.qjmn ul li{ width: 33.33%; float: left; padding: 0 9px; margin-bottom: 30px;}
.qjmn ul li a{ display: block; position: relative;}
.qjmn ul li dl{ overflow: hidden;}
.qjmn ul li p{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 20px; background: #ff9933; color: #fff; position: absolute; left: 0; bottom: 0;}
.qjmn ul li.on p{ background: #2cc12c;}

.qjmbTop{ border-bottom: #d7d7d7 solid 1px; margin-bottom: 28px; padding-bottom: 5px;}
.qjmbTop h1{ font-size: 28px; color: #2cc12c; font-weight: 500;}

.dangxiao .list{ padding: 64px 0;}
.dangxiao .list ul{ overflow: hidden; margin: 0 -10px;}
.dangxiao .list ul li{ padding: 0 10px; float: left; width: 33.33%}
.dangxiao .list ul li a{ background: #efefef; display: block;text-align: center; position: relative;}
.dangxiao .list ul li dl{ overflow: hidden;}
.dangxiao .list ul li.on dl{ position: absolute; top: 256px;}
.dangxiao .list ul li ol{ padding:16px 20px 30px; position: relative;}
.dangxiao .list ul li ol:after{ content: ""; width: 100%; height: 16px; background: url(../images/icon11.png) no-repeat center;position: absolute; top: -14px; left: 0; z-index: 11;}
.dangxiao .list ul li.on ol{padding:30px 20px 20px;}
.dangxiao .list ul li.on ol:after{ content: ""; width: 100%; height: 16px; background: url(../images/icon12.png) no-repeat center;position: absolute; top: inherit; bottom: -8px; left: 0; z-index: 11;}
.dangxiao .list ul li ol h3{ font-size: 22px; color: #000; font-weight: 500; line-height: 1; position: relative;padding-bottom: 18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.dangxiao .list ul li ol h3:after{ content: ""; width: 32px; height: 4px; background: #ff9933; position: absolute; left: 50%; bottom: 0; margin-left: -16px; }
.dangxiao .list ul li ol p{ height:60px; color: #888888; font-size: 15px; margin-top: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.dangxiao .list ul li ol i{ width: 160px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; font-style: normal; background: #ff9933; display: block; border-radius: 20px; margin:50px auto 0;}

.dangxiao .list.cur{ background: #e0e0e0;}
.dangxiao .list.cur ul li a{ background: #fff;}
.dangxiao .list.cur ul li ol:after{ background: url(../images/icon13.png) no-repeat center;}
.dangxiao .list.cur ul li.on ol:after{ background: url(../images/icon14.png) no-repeat center;}

.dxViewTop{ position: relative; padding: 75px 0 90px; margin-bottom: 50px;}
.dxViewTop:after{ content: ""; width: 5000px; height: 324px; background: #efefef; position: absolute; left:50%; bottom: 0; transform: translate(-50%, 0);}
.dxViewTop .box{ background: #fff; padding: 34px; position: relative; z-index: 11; box-shadow: 0 0 10px rgba(0,0,0,0.3); overflow: hidden; }
.dxViewTop .box dl{ width: 420px; float: left;}
.dxViewTop .box ol{ padding-left: 480px;}
.dxViewTop .box ol h1{ font-size: 33px; color: #30c530; font-weight: 500; line-height: 1; position: relative; margin-bottom: 20px; padding-bottom: 18px;}
.dxViewTop .box ol h1:after{ content: ""; width: 55px; height: 4px; background: #ff9933; position: absolute; left: 0; bottom: 0;}

.case{}
.case ul{ margin: 0 -16px;}
.case ul li{ width: 50%; float: left; padding: 16px;}
.case ul li ol{background: #fff; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 20px;}
.case ul li dl{ overflow: hidden; border-radius: 10px; position: relative; padding-bottom:68%;}
.case ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.case ul li ol p{ font-size: 18px; text-align: center; margin-top: 10px;}

.morecase{ padding-top: 20px; overflow: hidden;}
.morecase ul{ overflow: hidden; margin: 0 -50px;}
.morecase ul li{ width: 33.33%; float: left; padding: 0 50px;line-height: 40px; font-size: 17px; position: relative; overflow: hidden;}
.morecase ul li:after{ content: ""; width:calc(100% - 100px); height: 1px; background: #e1e1e1; position: absolute; bottom: 0; left: 50px;}
.morecase ul li:hover{ color: #ff9933;}


.morecase2{ padding-top: 20px;}
.morecase2 ul{ overflow: hidden; margin: 0;}
.morecase2 ul li{ width: 30%; float: left; padding: 0 77px;margin:0 20px;border-bottom: #e1e1e1 solid 1px; line-height: 40px;}
.morecase2 ul li{  padding: 0 5px;}
.morecase2 ul li:hover{ color: #ff9933;}

.service{}
.service ul li{ font-size: 18px;}
.service ul li:nth-child(even){ background: #e9e9e9;}
.service ul li a{ background: url(../images/icon09.png) no-repeat 30px center; padding-left: 58px; line-height: 64px; display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.service ul li a:hover{background: url(../images/icon10.png) no-repeat 30px center; color: #fff; }
.service ul li:hover{ background: #2cc12c; position: relative;}
.service ul li:hover:before{ content: ""; width: 10px; height: 64px; background: #ff9933; position: absolute; left: 0; top: 0;}

.message div{ font-size: 18px; margin-bottom: 30px; padding-top: 20px;}
.message ul{ overflow: hidden; margin:0 -18px 18px;}
.message ul li{ width: 50%; float: left; padding: 0 18px;}
.message ol{ margin-bottom: 18px; overflow: hidden;}
.message input{ width: 100%; height: 60px; line-height: 58px; border: #dcdcdc solid 1px; font-size: 16px; padding-left: 20px;}
.message ol textarea{ width: 100%; height: 180px; border: #dcdcdc solid 1px; font-size: 16px; padding: 20px;}
.message button{ width: 100%; height: 58px; background: #ff9933; border: none; color: #fff; font-size: 18px; cursor: pointer;}
.message button:hover{background: #d36900;}

.newsView{}
.newsView .newsTitle{text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.newsView .newsTitle h1{ font-size: 24px; color: #333; padding-bottom: 10px;}
.newsView .newsTitle p{ font-size: 16px; color: #999; padding-bottom: 10px; line-height:40px;}
.newsView .newspage{ border-top: 1px solid #ddd; overflow: hidden; margin-top: 40px; padding-top: 15px;}
.newsView .newspage a{ color: #333;margin: 3px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 48%; box-sizing: border-box;}
.newsView .newspage a:hover{ color: #ff9933; }
.newsView .newspage a span{ color: #999; }
.newsView .newspage a.pre{ float: left; }
.newsView .newspage a.next{ float: right; }

.about .text{ padding-right:480px;}

.aboutPic{ width: 370px; background: #fff; overflow: hidden; border-radius: 35px; font-size: 20px; box-shadow: 0 0 8px rgba(0,0,0,0.3); float: right; }
.aboutPic p{ text-align: center; padding: 20px; color: #155aaf;}
.aboutPic p span{ color: #fa0000;}

.contact h1{ text-align: center; line-height: 1; color: #000; font-weight: 500; position: relative; padding-bottom: 26px; margin-bottom: 33px;}
.contact h1:after{ content: ""; width: 58px; height: 5px; background: #000; position: absolute; left: 50%; bottom: 0; margin-left: -29px;}
.contact ul{ overflow: hidden; margin: 0 -15px 40px;}
.contact ul li{ float: left; width: 33.33%; padding: 0 15px; margin-bottom: 20px;}
.contact ul li ol{ height: 150px; background: #f0f0f0; text-align: center; padding: 40px 30px 0;}
.contact ul li ol h3{ font-size: 22px; color: #333; font-weight: normal;line-height: 1; margin-bottom: 10px;}
#map{ height: 540px; border: #dcdcdc solid 6px;}
#map img{max-height:inherit;max-width:inherit; }

.footer{ background: #ff9933;}
.footer .wrap{ padding: 0 50px;}
.footer .fnav{ border-bottom: #f6ba7d solid 1px; line-height: 70px; text-align: center;}
.footer .fnav ul li{display: inline-block; font-size: 18px; padding: 0 24px;}
.footer .fnav ul li a{ color: #fff;}
.footer .fnav ul li a:hover{ text-decoration: underline}
.footer .fcase{ font-size: 39px; color: #fff; font-weight: normal; padding: 70px 0; line-height: 1;}
.footer .fcase dl{ float: left;}
.footer .fcase dl b{ font-size: 67px; vertical-align: middle; font-family: Impact, "Arial Black", "sans-serif"; font-weight: normal; margin-left: 20px;}
.footer .fcase ol{ float: right;}
.footer .fcase ol a{ background: #25ba25; color: #fff; font-size: 23px; margin-left: 20px; line-height: 1; padding: 13px 40px; display: inline-block; vertical-align: middle;}
.footer .fcase ol a:hover{background: #109f10;}
.footer .fmain{ background: #ededed; padding: 40px 0;}
.footer .fmain .logo{float: left; padding-top: 38px;}
.footer .fmain .logo img{ vertical-align: middle;}
.footer .fmain .ewm{ float: right; text-align: center;}
.footer .fmain .fcontact{ float: right; font-size: 15px; color: #333; margin-right: 230px;}
.footer .fmain .fcontact b{ font-size: 18px; font-weight: normal;}
.footer .copyright{ background: #7f7f7f; color: #fff; line-height: 50px;}
.footer .copyright a{ color: #fff; margin-left: 20px;}
.footer .copyright a:hover{ color: #ff9933;}

/*===/分页=============================*/
.fenye{ padding: 50px 0 0;font-size:16px; text-align: center;}
.fenye span,.fenye a{ border-radius: 5px;}
.off{  padding:10px 17px; background:#e2e2e2; color:#000; }
a.off:hover{ background:#ff9933; color:#fff; }
.fenkong{padding:0 10px;}
.fenkong a{ line-height:1;color:#000; padding:10px 17px; margin-right:10px;background:#e2e2e2;}
.fenkong a:hover{color:#fff;background:#ff9933; }
.fenkong a.fenyeon{ line-height:1; background:#ff9933; color:#FFF;}

/*客服的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;}
.yb_bar ul li{cursor:pointer;transition:all .3s ease; position: relative; right: 0; width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:0px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px; font-size: 12px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{ width: 128px; height: 128px; margin-left: 25px; }
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

@media (max-width:1400px) {
.wrap{ width: 1200px; margin: 0 auto;}

.header{width: 100%; height: 88px;}
.header .logo{ margin-top: 12px;}
.header .nav{ margin-right: 20px;}
.header .nav ul li{ margin-right: 2px;}
.header .nav ul li a{ font-size: 16px; line-height: 88px; padding: 0 13px;}
.header .nav ul li .subnav{ width: 1200px; padding: 10px 0;  top: 88px;}
.header .nav ul li .subnav ol{ padding: 40px 0; }
.header .nav ul li .subnav dl{ padding: 0 40px;}

.index01{ margin-bottom: 20px;}
.index01 dl{ width: 700px;}
.index01 .con{ margin-top:90px;}
.index01 .con h3{  font-size: 26px;}
.index01 .con ul li{ width: 150px; height: 150px; margin: 0 20px; }
.index01 .con ul li i{ height: 80px; margin-top: 22px;}
.index01 .con ul li p{ font-size: 20px;}

.index02 dl{ font-size: 26px;  left: 60px;}

.index04 ol{ width: 780px; }
.index04 .con ul{ text-align: left; }
.index04 .con h3{  font-size: 26px;}

.xt ul li:nth-child(1){width: 776px;}

.morecase ul{  margin: 0 -30px;}
.morecase ul li{ padding: 0 30px;}

}

@media (max-width:1240px) {
body{ padding-top: 60px;}
.wrap{ width: 1000px; margin: 0 auto;}

.header{ height: 60px;}
.header .logo{ height: 40px; margin-top: 10px;}
.header .nav{ float: left; margin-right: 15px;}
.header .nav ul li{ float: left; margin-right: 2px;}
.header .nav ul li a{ font-size: 15px; line-height:60px; padding: 0 10px;}
.header .nav ul li a:after{ height: 2px; bottom: 10px;}
.header .nav ul li a:hover:after{ height: 2px; bottom: 10px;}
.header .nav ul li:hover a:after{ height: 2px; bottom: 10px;}
.header .nav ul li .subnav{ width: 1000px; padding: 10px 0;  top: 60px;}
.header .nav ul li .subnav ol{ padding:40px 10px; }
.header .nav ul li .subnav dl{ padding: 0 20px;}
.header .nav ul li .subnav dl a{font-size: 15px; line-height:46px;}

.header .lang{ float: left; margin-top: 15px;}
.header .lang a{ float: left; margin-left: 6px;}

/*首页bannner*/
.banner {height:360px;}
.banner .swiper-container{ height:360px;}
.banner .swiper-container .swiper-slide{height:360px;}
.banner .swiper-container .swiper-slide h2{ font-size:50px;}
.banner .pagination {bottom:20px;}

.ititle{ padding: 45px 0 30px;}
.ititle h2{ font-size: 30px;}

.index01{ margin-bottom: 20px;}
.index01 dl{ width: 580px;}
.index01 .con{ margin-top:80px;}
.index01 .con h3{  font-size: 22px; margin-bottom:20px;}
.index01 .con ul li{ width: 125px; height: 125px; margin: 0 10px; }
.index01 .con ul li i{ height: 55px; margin-top: 22px; margin-bottom: 5px;}
.index01 .con ul li p{ font-size: 18px;}

.index02{ margin-bottom: 20px;}
.index02 dl{ font-size: 22px; left: 50px; z-index: 11;}
.index02 ol{ width: 670px;}

.index03{ margin-bottom: 20px;}
.index03 .tit{ font-size: 26px;}
.index03 .con{ font-size: 16px;}

.index04{ margin-bottom: 20px;}
.index04 ol{ width: 700px;}
.index04 .con h3{ font-size: 22px; margin-bottom: 20px;}
.index04 .con ul li{ font-size: 13px; margin: 0 1px;padding: 6px 15px;}

.index05 dl{ font-size: 22px;}

.xt ul li:nth-child(1){ width: 576px;}
.xt ul li img{ height: 300px;}
.xt ul li dl{ font-size: 22px; padding: 20px 60px;}
.xt ul li ol{ font-size: 22px;}

.nei_banner{ height: 160px;}
.nei_banner h2{ font-size: 30px; margin-top: 88px;}
.nei_banner .breadcrumb{ margin-top: 100px; font-size: 15px;}
.nei_banner .casebanner{ font-size: 22px; top: 45px;}
.nei_banner .casebanner b{font-size: 40px;}

.content{ padding: 40px 0;}

.text{ font-size: 15px; line-height: 1.8;}

.neiNav{ margin-bottom:30px; padding-top: 10px;}
.neiNav a{ font-size:17px; padding: 10px 50px;}

.qjmn ul li{ margin-bottom: 20px;}
.qjmn ul li p{ font-size: 16px;}

.qjmbTop h1{ font-size: 23px;}

.dangxiao .list{ padding: 40px 0;}
.dangxiao .list ul{ margin: 0 -6px;}
.dangxiao .list ul li{ padding: 0 6px;}
.dangxiao .list ul li.on dl{ top:197px}
.dangxiao .list ul li ol{ padding: 12px 20px 30px;}
.dangxiao .list ul li.on ol{ padding: 30px 20px 16px;}
.dangxiao .list ul li ol h3{ font-size: 18px; padding-bottom: 12px;}
.dangxiao .list ul li ol h3:after{ height: 3px;}
.dangxiao .list ul li ol p{font-size: 14px;margin-top: 14px;}
.dangxiao .list ul li ol i{font-size: 14px; width:120px; height: 36px; line-height: 36px; margin: 15px auto 0;}

.dxViewTop{ padding:20px 0 60px; margin-bottom: 40px;}
.dxViewTop .box{ padding: 24px;}
.dxViewTop .box ol{ padding-left: 450px;}
.dxViewTop .box ol h1{ font-size: 26px; padding-bottom: 14px; margin-bottom: 15px;}
.dxViewTop .box ol h1:after{ height: 3px;}
.dxViewTop .box ol .con{ font-size: 15px;}

.case ul li ol p{ font-size: 16px;}
.morecase ul li dl{ font-size: 16px;}

.service ul li{ font-size: 16px;}
.service ul li:hover:before{ height: 56px;}
.service ul li a{ line-height: 56px;}

.message div{font-size: 16px;}
.message button{ font-size: 16px;}

.about .text{ padding-right: 420px;}
.aboutPic{ font-size: 16px;}

.contact h1{ font-size: 26px; padding-bottom: 18px}
.contact h1:after{ height: 3px;}
.contact ul{ margin: 0 -8px 20px;}
.contact ul li{ padding: 0 8px; margin-bottom: 12px;}
.contact ul li ol h3{ font-size: 18px;}
.contact ul li ol dl{ font-size: 15px;}
#map{ height: 400px;}

.footer .wrap{ padding: 0;}
.footer .fnav ul li{ font-size: 16px;}
.footer .fcase{ font-size: 30px;padding: 45px 0;}
.footer .fcase dl b{ font-size: 50px; margin-left: 10px;}
.footer .fcase ol a{ font-size: 16px;}
.footer .copyright{ font-size: 15px;}
}

@media (max-width:1030px) {
.header .wrap{ padding: 0;}
.header .logo{ margin-left: 15px;}
.header .headright{ float: none; width: 100%; height: calc(100vh - 60px); overflow-y: auto; background: #fff; border-top: #eee solid 1px; position: fixed; top: 60px; left: 0; display: none;}
.header .nav{ float: none; margin-right: 0;}
.header .nav ul li{ width: 100%; float: none;border-bottom: #eee solid 1px;}
.header .nav ul li a{ padding: 0 15px; line-height:50px;}
.header .nav ul li a:hover:after{ display: none;}
.header .nav ul li:hover a:after{ display: none;}

.header .nav ul li:hover .subnav{display: none; }
.header .nav ul li .subnav{ width: 100%; background: #f5f5f5; padding: 10px 15px; position: static; top: 0;  display: none;}

.header .nav ul li .subnav ol{ background: none; overflow: hidden; padding:0; box-shadow:0 0 5px rgba(0,0,0,0); }
.header .nav ul li .subnav dl{ position: relative; width: 100%; float: none; padding: 0;}
.header .nav ul li .subnav dl a{font-size: 14px; background: url(../images/icon01.png) no-repeat left center; background-size: 5px auto; padding-left: 15px; line-height:40px;}
.header .nav ul li .subnav dl a:last-child{ border-bottom: none;}
.header .nav ul li .subnav dl a:hover{background: url(../images/icon02.png) no-repeat left center; background-size: 5px auto;}

.header .nav ul li .subnav ol dt a{ font-size:22px; line-height: 2; }

.header .lang{ float: none; overflow: hidden; padding: 0 10px 15px;}
.header .lang:before{ content: "语言选择：";}
.header .lang a{ float: none;}

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:999999; display:block;}
.header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur{ z-index: 9999999;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px; background: #333;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px; background: #333;}
}

@media (max-width:1020px) {
.wrap{width: 100%; padding: 0 15px;}

/*首页bannner*/
.banner {height:220px;}
.banner .swiper-container{ height:220px;}
.banner .swiper-container .swiper-slide{height:220px;}
.banner .swiper-container .swiper-slide h2{ font-size:30px;}
.banner .pagination {bottom:15px;}

.ititle{padding: 40px 0 20px;}
.ititle h2{ font-size: 24px;}

.index01{ margin-bottom: 15px;}
.index01 dl{ width: 100%; float: none; overflow: hidden;}
.index01 .con{ margin-top: 0; padding:20px 0;}
.index01 .con h3{ font-size: 20px; margin-bottom: 15px;}
.index01 .con ul li{ width: 110px; height: 100px; margin: 0 5px;}
.index01 .con ul li i{ height: 40px;}
.index01 .con ul li p{ font-size: 16px;}

.index02{ margin-bottom: 15px;}
.index02 dl{font-size: 20px; left: 0; width: 100%; text-align: center; text-shadow:#000 3px 2px 3px}
.index02 ol{ width: 100%;}

.index03{ margin-bottom: 15px;}
.index03 ul li{ width: 100%; float: none; overflow: hidden; margin: -26px 0;}
.index03 .tit{font-size: 20px; width: 100%; background-size: 100% auto; margin: -64px auto 0;}
.index03 .con{ padding:12px 0; font-size: 13px;}

.index04{ margin-bottom: 15px;}
.index04 ol{ width: 100%; float: none;}
.index04 ol:after{display: none;}
.index04 .con{ margin-top: 0; text-align: center;padding: 20px 0;}
.index04 .con h3{ font-size: 20px; margin-bottom: 10px;}
.index04 .con ul{ text-align: center; }

.index05{margin-bottom: 30px;}
.index05 dl{font-size: 20px; width: 200px; height: 60px; line-height: 60px;}
.index05 ol{}
.index05 ol img{ width: auto; height: 170px; max-width:inherit; transform: translate(-50%, 0); position: relative; left: 50%;}

.xt{ padding: 30px 0 25px;}
.xt ul{ margin-right:0 }
.xt ul li{ width: 100%; margin-right: 0; margin-bottom: 5px;}
.xt ul li:nth-child(1){width: 100%;}
.xt ul li img{ width: 100%; max-width:none ; height: auto;display: inline-block;font-size: 0; opacity: 0.4;transition: opacity .4s;-webkit-transition: opacity .4s;}
.xt ul li.cur img{ opacity:1;}
.xt ul li dl{ width:75%; border: #fff solid 1px; font-size:18px; opacity: 1; padding:10px 20px; text-align: center;}
.xt ul li.cur dl{ opacity: 1;}
.xt ul li ol{display: none;}
.xt ul li.cur ol{display: none;}


.nei_banner{ height: 120px;}
.nei_banner h2{ font-size:22px;  margin-top:36px; float: none;}
.nei_banner .breadcrumb{ font-size: 18px; color: #fff; line-height: 1; float: none; margin-top: 5px;}
.nei_banner .breadcrumb a{  font-size: 13px;}
.nei_banner .breadcrumb a:hover{ text-decoration: underline;}
.nei_banner .casebanner{ display: none;}

.content{ padding: 30px 15px;}

.text{ color: #333; line-height:1.7; font-size: 15px;}
.text p{ text-indent: 0;}
.text li{ list-style: inside;}

.neiNav{ margin-bottom:30px;}
.neiNav a{ font-size:16px; padding: 8px 30px;}

.qjmn ul{ margin: 0 -5px; overflow: hidden;}
.qjmn ul li{ width: 50%; float: left; padding: 0 5px; margin-bottom: 10px;}
.qjmn ul li p{ width: 100%; height: 36px; line-height: 36px; font-size:14px;}

.qjmbTop{ margin-bottom: 20px; padding-bottom: 5px;}
.qjmbTop h1{ font-size:22px; }

.dangxiao .list{ padding: 25px 0;}
.dangxiao .list ul{ overflow: hidden; margin: 0 -10px;}
.dangxiao .list ul li{ padding: 5px 10px; float: none; width: 100%}
.dangxiao .list ul li.on dl{ position: static; top: 0;}
.dangxiao .list ul li ol{ padding:16px 20px 30px; position: relative;}
.dangxiao .list ul li ol:after{ content: ""; width: 100%; height: 16px; background: url(../images/icon11.png) no-repeat center;position: absolute; top: -14px; left: 0; z-index: 11;}
.dangxiao .list ul li.on ol{padding:16px 20px 30px;}
.dangxiao .list ul li.on ol:after{ content: ""; width: 100%; height: 16px; background: url(../images/icon11.png) no-repeat center;position: absolute; top: -14px; bottom:inherit; left: 0; z-index: 11;}
.dangxiao .list ul li ol h3{ font-size: 18px; padding-bottom: 12px;}
.dangxiao .list ul li ol h3:after{ content: ""; width: 32px; height: 2px; }
.dangxiao .list ul li ol p{ height:60px; font-size: 13px; margin-top: 15px;}
.dangxiao .list ul li ol i{ width: 130px; height:30px; line-height: 30px; font-size: 15px;  margin:20px auto 0;}
.dangxiao .list.cur ul li ol:after{ background: url(../images/icon13.png) no-repeat center;}
.dangxiao .list.cur ul li.on ol:after{ background: url(../images/icon13.png) no-repeat center;}

.dxViewTop{ position: relative; padding: 0px 0 30px; margin-bottom: 30px;}
.dxViewTop:after{ content: ""; width: 5000px; height: 324px; background: #efefef; position: absolute; left:50%; bottom: 0; transform: translate(-50%, 0);}
.dxViewTop .box{ padding: 15px;  box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.dxViewTop .box dl{ width: 100%; float: none; margin-bottom: 15px}
.dxViewTop .box ol{ padding-left: 0;}
.dxViewTop .box ol h1{ font-size: 22px; margin-bottom: 15px; padding-bottom: 12px;}
.dxViewTop .box ol h1:after{ content: ""; width: 55px; height: 2px;}

.case{}
.case ul{ margin: 0 -6px;}
.case ul li{ width: 50%; float: left; padding: 6px;}
.case ul li ol{background: #fff; border-radius:8px; box-shadow: 0 0 5px rgba(0,0,0,0.3); padding: 0px; overflow: hidden;}
.case ul li dl{ overflow: hidden; border-radius: 0px; position: relative; padding-bottom:59.63%;}
.case ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; width:100%; height: 100%; margin:auto;}
.case ul li ol p{ font-size: 15px; text-align: center; margin: 5px 0;}

.morecase{ padding-top: 5px;}
.morecase ul{ margin: 0px;}
.morecase ul li{ width: 100%; float: none; padding: 0px; font-size: 15px;}
.morecase ul li:after{ content: ""; width:100%; height: 1px; background: #e1e1e1; position: absolute; bottom: 0; left: 0;}

.service{}
.service ul li{ font-size: 15px;}
.service ul li:nth-child(even){ background: #e9e9e9;}
.service ul li a{ background: url(../images/icon09.png) no-repeat 15px center; background-size: 5px auto; padding-left: 30px; line-height:50px; display: block;}
.service ul li a:hover{background: url(../images/icon10.png) no-repeat 15px center;background-size: 5px auto;  }
.service ul li:hover{ background: #2cc12c; position: relative;}
.service ul li:hover:before{ content: ""; width: 10px; height: 50px;}

.message div{ font-size: 15px; margin-bottom:20px; padding-top: 10px;}
.message ul{ overflow: hidden; margin:0 -5px 10px;}
.message ul li{ width: 50%; float: left; padding: 0 5px;}
.message ol{ margin-bottom: 18px; overflow: hidden;}
.message input{ width: 100%; height: 50px; line-height: 50px; font-size: 15px; padding-left: 10px;}
.message ol textarea{ width: 100%; height: 120px; font-size: 15px; padding: 10px;}
.message button{ width: 100%; height: 50px; font-size: 16px;}

.newsView{}
.newsView .newsTitle{ margin-bottom: 20px;}
.newsView .newsTitle h1{ font-size: 17px;padding-bottom: 10px;}
.newsView .newspage{ border-top: 1px solid #ddd; overflow: hidden; margin-top: 20px; padding-top: 15px;}
.newsView .newspage a{margin: 3px 0; max-width: 100%; font-size: 14px;}
.newsView .newspage a.pre{ float: left; }
.newsView .newspage a.next{ float: left; }

.about .text{ padding-right:0;}

.aboutPic{ width: 150px;  border-radius:10px; font-size: 12px; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin: 0 0 10px 10px; }
.aboutPic p{ text-align: center; padding: 5px; color: #155aaf;}

.contact h1{ font-size: 22px;  padding-bottom: 15px; margin-bottom: 20px;}
.contact h1:after{ content: ""; width: 58px; height: 3px; margin-left: -29px;}
.contact ul{ overflow: hidden; margin: 0 -5px 10px;}
.contact ul li{ float: left; width:50%; padding: 0 5px; margin-bottom: 10px;}
.contact ul li ol{ height: 150px; font-size: 15px; text-align: center; padding: 20px 10px 0;}
.contact ul li ol h3{ font-size: 18px; margin-bottom: 10px;}
.contact ul li ol dl{ font-size: 14px;}
#map{ height: 300px; border: #dcdcdc solid 3px; }
#map img{max-height:inherit;max-width:inherit; }


.footer .fnav{ line-height: 26px; padding: 30px 0;}
.footer .fnav ul li{font-size: 15px; padding: 0 6px;}

.footer .fcase{font-size: 22px; padding: 30px 0;}
.footer .fcase dl{float: none; margin-bottom: 8px;}
.footer .fcase dl b{font-size: 32px;}
.footer .fcase ol{float: none;}
.footer .fcase ol a{ margin-left: 12px; padding: 11px 26px;}

.footer .wrap{ padding: 0 15px; text-align: center;}
.footer .fmain{ padding: 30px 0;}
.footer .fmain .logo{ padding-top: 0; display: inline-block; float: none; padding: 0 10px; vertical-align: middle;}
.footer .fmain .logo img{display: inline;}
.footer .fmain .ewm{font-size: 12px;display: inline-block; float: none; padding: 0 10px; vertical-align: middle;}
.footer .fmain .ewm img{width: 70px;display: inline;}
.footer .fmain .fcontact{ font-size: 13px;float: none;margin-right: 0; width: 100%; clear: both; text-align: left; padding-top: 20px;}
.footer .fmain .fcontact b{ font-size: 17px; padding-bottom: 10px;}
.footer .copyright{ font-size: 12px; text-align: center;}
.footer .copyright a{ display: none;}

/*===/分页=============================*/
.fenye{ padding: 30px 0 20px;font-size:15px;}
.off{  padding:8px 14px; }
.fenkong{padding:0 5px;}
.fenkong a{padding:8px 14px; margin-right:5px;}


.yb_conct{display: none;}
}